<template>
    <view class="home" >
        <view class="logo">
            <u-image src="../static/images/logo.png" height="240" mode="heightFix"></u-image>
        </view>
        <view class="logo-name">
            <u-image src="../static/images/logo_name.png"  height="100" mode="heightFix"></u-image>
        </view>
       <view class="buttons">
            <view class="cus-btn" @click="navigateTo('/applySubPackage/readWord')">
                <u-image src="../static/images/apply.png" mode="widthFix" width="40" color="#fff"></u-image>
                <view>
                    提交诉求
                </view>
            </view>
            <view class="cus-btn" @click="navigateTo('/subPackage/apply-list')">
                <u-image src="../static/images/search.png" mode="widthFix" width="40" color="#fff" ></u-image>
                <view>查询进度</view>
            </view>
       </view>
    </view>
</template>

<script lang="ts" setup>
import { ref, computed } from 'vue'
import { onLoad, onShow } from "@dcloudio/uni-app";
import { useStore } from 'vuex'
defineOptions({
  options: {
    styleIsolation: 'shared'
  }
})
const store = useStore()

const navigateTo = (url:string) => {
    uni.navigateTo({
        url: url
    })
}

onLoad(async () => {
})
onShow(() => {
  
})
</script>
<script lang="ts">
export default {
  options: {
    styleIsolation: 'shared'
  }
}
</script>
<style lang="scss">
.home {
    height: 100vh;
    width: 100vw;
    background: url('https://7072-prod-3gyndjxs02add8b0-1379203838.tcb.qcloud.la/static/img4.jpg') no-repeat left top;
    background-size: 100% 100%;
    .logo{
        margin:  300rpx auto 0;
        display: flex;
        justify-content: center;
    }
    .logo-name{
        margin-top: 48rpx;
        display: flex;
        justify-content: center;
    }
    .buttons{
        margin-top: 200rpx;
        display: flex;
        justify-content: center;
        .cus-btn{
            display: flex;
            align-items: center;
            background: #618ec8;
            flex-shrink: 0;
            color: #fff;
            width: 240rpx;
            justify-content: center;
            .u-image{
                margin-right: 16rpx;
                margin-top: 8rpx;
            }
            & + .cus-btn{
                margin-left: 32rpx;
            }
        }
    }
}
</style>